<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../common/commonInclude.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title><%=SYSTEM_NAME%></title>
<meta name="description" content="overview & stats" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- basic styles -->
<link href="<%=basePath%>resource/assets/css/bootstrap.min.css"
	rel="stylesheet" />
<link
	href="<%=basePath%>resource/assets/css/bootstrap-responsive.min.css"
	rel="stylesheet" />

<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/font-awesome.min.css" />
<!--[if IE 7]>
		  <link rel="stylesheet" href="<%=basePath%>resource/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->


<link rel="stylesheet" href="<%=basePath%>resource/assets/css/jquery-ui-1.10.2.custom.min.css" />
<link rel="stylesheet" href="<%=basePath%>resource/assets/css/chosen.css" />
<link rel="stylesheet" href="<%=basePath%>resource/assets/css/datepicker.css" />
<link rel="stylesheet" href="<%=basePath%>resource/assets/css/bootstrap-timepicker.css" />
<link rel="stylesheet" href="<%=basePath%>resource/assets/css/daterangepicker.css" />


<!-- ace styles -->
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/ace.min.css" />
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/ace-responsive.min.css" />
<link rel="stylesheet"
	href="<%=basePath%>resource/assets/css/ace-skins.min.css" />
<!--[if lt IE 9]>
		  <link rel="stylesheet" href="<%=basePath%>resource/assets/css/ace-ie.min.css" />
		<![endif]-->
<style>
.form-horizontal{
	margin-top: 5px ;
	margin-bottom: 5px
}

.control-label{
	font-size: 13px
}
</style>
</head>

<body>

	<div class="container-fluid" id="main-container">

		<div id="breadcrumbs">
			<ul class="breadcrumb">
				<li><i class="icon-home"></i> <a href="#">Home</a><span
					class="divider"><i class="icon-angle-right"></i></span></li>
				<li class="active">User Information</li>
			</ul>
			<!--.breadcrumb-->
		</div>
		<!--#breadcrumbs-->
		
		<div class="table-header">
			<div class="toolbar">
				<div class="operations" style="display:inline">
					<button id="saveUser" class="btn btn-info btn-mini">保存</button>
					<button id="cancel" class="btn btn-info btn-mini">返回</button>
				</div>
				&nbsp;&nbsp;&nbsp;&nbsp;用户信息
			</div>
		</div>
		
		<form id="valForm" class="form-horizontal">
		<input type="hidden" id="id" name="name" formParam="formParam"/>
		<h3 class="header smaller lighter blue">基本信息</h3>
		<div id="page-content" class="clearfix">
			<div class="row-fluid form-horizontal">
				<div class="span6 control-group">
						<label class="control-label" style="">登录名</label>
						<div class="controls">
							<input type="text" id="loginname" name="loginname" placeholder="Login Name"
							  check-type="required   minlength" minlength-rule="3" 
							  required-message="请输入登录名"  minlength-message="需要大于3个字符"
							  formParam="formParam" value=""/>
						</div>
				</div>
				<div class="span6 control-group">
						<label class="control-label" style="">昵称</label>
						<div class="controls">
							<input type="text" id="nickname" name="nickname" placeholder="Nickname" formParam="formParam" value=""/>
						</div>
				</div>
			</div>
			
			<div class="row-fluid form-horizontal">
				<div class="span6 control-group">
						<label class="control-label" style="">手机</label>
						<div class="controls">
							<input type="text" id="mobileno" name="mobileno" formParam="formParam" 
								check-type="number" number-message="请输入电话号码"
										check-type="required" placeholder="Mobile Phone Number" value=""/>
						</div>
				</div>
				<div class="span6 control-group">
						<label class="control-label" style="">邮箱</label>
						<div class="controls">
							<input type="text" id="mail" name="mail" formParam="formParam" 
								check-type="email" email-message="请输入邮箱地址"
								placeholder="E-mail" value=""/>
						</div>
				</div>
			</div>
			
			<div class="row-fluid form-horizontal">
				<div class="span6 control-group">
						<label class="control-label" style="">运营商</label>
						<div class="controls">
							<input type="text" id="optname" name="optname" placeholder="Operater Name" formParam="formParam" value=""/>
						</div>
				</div>
				<div class="span6 control-group">
						<label class="control-label" style="">归属地</label>
						<div class="controls">
							<input type="text" id="locale" name="locale" placeholder="Locale" formParam="formParam" value=""/>
						</div>
				</div>
			</div>
		</div>
		
		<h3 class="header smaller lighter blue">套餐信息</h3>
		<div id="page-content" class="clearfix">
			<div class="row-fluid form-horizontal">
				<div class="row-fluid form-horizontal">
					<div class="span6 control-group">
							<label class="control-label" style="">套餐&nbsp;&nbsp;&nbsp;&nbsp;</label>
							<input type="hidden" id="cursetname" formParam="formParam"/>
							<select id="cursetid" formParam="formParam">
								<option></option>
							</select>
					</div>
				</div>
			</div>
		</div>
		</form>
	</div>
	<!--/.fluid-container#main-container-->


	<!-- basic scripts -->
	<script src="<%=basePath%>resource/jquery/jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
		window.jQuery || document.write("<script src='<%=basePath%>resource/jquery/jquery-1.9.1.min.js'>\x3C/script>");
	</script>
	<script src="<%=basePath%>resource/jquery/jquery-migrate-1.2.1.min.js"></script>
	<script src="<%=basePath%>resource/assets/js/bootstrap.min.js"></script>
	<!-- page specific plugin scripts -->

	<!--[if lt IE 9]>
		<script type="text/javascript" src="<%=basePath%>resource/assets/js/excanvas.min.js"></script>
		<![endif]-->
	<script type="text/javascript"
		src="<%=basePath%>resource/assets/js/jquery-ui-1.10.2.custom.min.js"></script>
	<!-- page specific plugin scripts -->
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/jquery.ui.touch-punch.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/chosen.jquery.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/fuelux.spinner.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/bootstrap-datepicker.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/bootstrap-timepicker.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/date.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/moment.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/daterangepicker.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/jquery.knob.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/jquery.autosize-min.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/jquery.inputlimiter.1.3.1.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>resource/assets/js/jquery.maskedinput.min.js"></script>
	<!-- ace scripts -->
	<script src="<%=basePath%>resource/assets/js/ace-elements.min.js"></script>
	<script src="<%=basePath%>resource/assets/js/ace.min.js"></script>
	<script src="<%=basePath%>resource/util/demonutil.js"></script>
	<script src="<%=basePath%>resource/assets/js/jquery.validate.min.js"></script>
	<script src="<%=basePath%>resource/demon/useredit.js"></script>
	<!-- inline scripts related to this page -->
	<script type="text/javascript">
	try{
		userinfo = JSON.parse('${it.userinfo}');
		edit = '${it.edit}';
	}catch(err){
		//TODO
	}
	</script>
</body>
</html>
